<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Kapa-Kohila</title>
        <link href="style.css" rel="stylesheet" type="text/css">
        <script type = "text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js">
        </script>
        <script type = "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js">
        </script>
        <script type = "text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-et.js">
        </script>
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
        <script>
            $(function () {
                var daysToEnable = ['5-3-2011', '5-12-2011', '5-24-2011', '5-7-2011'];
     
                $('#datepicker').datepicker({
                    beforeShowDay: enableSpecificDates,
                });
     
                function enableSpecificDates(date) {
                    var month = date.getMonth();
                    var day = date.getDate();
                    var year = date.getFullYear();
                    for (i = 0; i < daysToEnable.length; i++) {
                        if ($.inArray((month + 1) + '-' + day + '-' + year, daysToEnable) != -1) {
                            return [true,'selectable'];
                        }
                    }
                    return [false];
                }
            });
        </script>
    </head>
    <body>
        <div class = "main">
            <div class ="header">
                <h1>Kapa-Kohila</h1>
                <h2>linn vikerkaare lõpus</h2>
            </div>
            <div class = "menu">
                <ul>
                    <li>	 
                        <a href="./index.html">Üldinfo</a>
                        <ul>
                        	<li>
                                <a href="./index.html">Uudised</a>
                            </li>
                            <li>
                                <a href="">Kontakt</a>
                            </li>
                            <li>
                                <a href="">Kaardid</a>
                            </li>
                            <li>
                                <a href="">Tutvustus ja ajalugu</a>
                            </li>
							<li>
                                <a href="./bussiinfo.html">Bussiinfo</a>
                            </li>
                            <li>
                                <a href="">Pildigalerii</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="">Kultuur ja meelelahutus</a>
                    </li>
					<li>
                        <a href="">Haridus ja noorsootöö</a>
                    </li>
					<li>
                        <a href="">Sotsiaal- ja tervishoid</a>
                    </li>
                    <li>
                        <a href="">Kohalik võim</a>
                        <ul class = "hidden">
                            <li>
                                <a href="">Linnavalitsus</a>
                            </li>
                            <li>
                                <a href="">Linnavolikogu</a>
                            </li>
                            <li>
                                <a href="">Dokumendid</a>
                            </li>
                            <li>
                                <a href="">Teenused</a>
                            </li>
                        </ul>
                    </li>
					<li>
                        <a href="./turism.html">Turism</a>
                    </li>
					
					
					<li class = "search">
                    <form method="get" id="searchform" action="">
                            <input type="text" class="searchbox" value="Otsing ..."/>
                            <button class="searchbutton" title="Otsi">
                                Otsi
                            </button>
                    </form>
					</li>
                </ul>
            </div>
            <div class = "content">
                <h2>Uudised</h2>
				<h3>Valminud on uus koduleht!</h3>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra eleifend feugiat. Aenean ornare accumsan tellus viverra iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ...  
                </p>
				<a href="./uus_koduleht.html"><b>Loe edasi</b></a>
				<h3>Kapa-Kohila nüüd ka Twitteris!</h3>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra eleifend feugiat. Aenean ornare accumsan tellus viverra iaculis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. ... 
                </p>
                <a href=""><b>Loe edasi</b></a>
            </div>
            <div class = "container">
                <div class = "calendar" id="datepicker" style="font-size: 56.8%">
                </div>
                <div class = "twitter">
                	<h3>Twitter</h3>
                    <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                </div>
            </div>
            <div style="clear:both">
            </div>
			<div class = "footer">
				<p>Kapa-Kohila linnavalitsus</p>
				<p>Kapa-Kohila, Raplamaa 66553</p>
				<p>Telefon: 786 5432, faks: 786 5432, e-post: kapakohila@kapakohila.ee</p>
			</div>
        </div>
    </body>
</html>
